<%@page language="java" pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%>
<%@include file="/includes/taglibs.jsp"%>
<%@page import="com.feib.soeasy.util.UserUtil"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title><%=UserUtil.getCurrentMenuItemName() %></title>
	<script type="text/javascript" src="<c:url value='/scripts/jquery/jquery.bgiframe-2.1.2.js'/>"></script>
	
	<script type="text/javascript"><!--
		
	$(document).ready(function() {
		
		
		$('#channelAll').click(function() {
			
			   var e = $('#channelAll')[0].checked;
			   var selectedDate=$('#qryDateFromAll').val();
			   var selectedDateTo=$('#qryDateToAll').val();
	            $('#queryForm input:checkbox.chk').each(function(){               
	                this.checked = e;
	            });
	            if(e){	
	            	$('#qryDateFromD').val(selectedDate); 
		 			$('#qryDateFromE').val(selectedDate);
		 			$('#qryDateFromF').val(selectedDate);
		 			$('#qryDateFromG').val(selectedDate);
		 			$('#qryDateFromH').val(selectedDate);
		 		
		 		
		 			$('#qryDateToD').val(selectedDateTo);
		 			$('#qryDateToE').val(selectedDateTo);
		 			$('#qryDateToF').val(selectedDateTo);
		 			$('#qryDateToG').val(selectedDateTo);
		 			$('#qryDateToH').val(selectedDateTo);
		 			}
		});
		
		
		$('#doQueryBtn').click(function() {
			var errMsg = "";
			
			var qryDateFromD = $('#qryDateFromD').val();
			var qryDateToD = $('#qryDateToD').val();
			var qryDateFromE = $('#qryDateFromE').val();
			var qryDateToE = $('#qryDateToE').val();
			var qryDateFromF = $('#qryDateFromF').val();
			var qryDateToF = $('#qryDateToF').val();
			var qryDateFromG = $('#qryDateFromG').val();
			var qryDateToG = $('#qryDateToG').val();
			var qryDateFromH = $('#qryDateFromH').val();
			var qryDateToH = $('#qryDateToH').val();
			
			var channelD = $('#channelD').val();
			var channelE = $('#channelE').val();
			var channelF = $('#channelF').val();
			var channelG = $('#channelG').val();
			var channelH = $('#channelH').val();

			
			
			
			$('#hidden\\.qryDateFromD').val(qryDateFromD);
			$('#hidden\\.qryDateToD').val(qryDateToD);

			$('#hidden\\.qryDateFromE').val(qryDateFromE);
			$('#hidden\\.qryDateToE').val(qryDateToE);

			$('#hidden\\.qryDateFromF').val(qryDateFromF);
			$('#hidden\\.qryDateToF').val(qryDateToF);

			$('#hidden\\.qryDateFromG').val(qryDateFromG);
			$('#hidden\\.qryDateToG').val(qryDateToG);

			$('#hidden\\.qryDateFromH').val(qryDateFromH);
			$('#hidden\\.qryDateToH').val(qryDateToH);
			
			if($('#channelD').attr("checked"))
				$('#hidden\\.channelD').val(channelD);
			else
				$('#hidden\\.channelD').val('');
			
			if($('#channelE').attr("checked"))
				$('#hidden\\.channelE').val(channelE);
			else
				$('#hidden\\.channelE').val('');
			
			if($('#channelF').attr("checked"))
				$('#hidden\\.channelF').val(channelF);
			else
				$('#hidden\\.channelF').val('');
			
			if($('#channelG').attr("checked"))
				$('#hidden\\.channelG').val(channelG);
			else
				$('#hidden\\.channelG').val('');
			
			if($('#channelH').attr("checked"))
				$('#hidden\\.channelH').val(channelH);
			else
				$('#hidden\\.channelH').val('');
			
			
			$('#method').attr('name','doAjaxQuery');
			doQueryAction();
		});
		
	
		var dates2 = $( "#qryDateFromD, , #qryDateToD").datepicker({
			defaultDate: "-1m",
			changeMonth: true,
			changeYear: true,
			numberOfMonths: 1,
			dateFormat: 'yy/mm/dd',
			showButtonPanel: true,
			showOn: "both",
			buttonImage: "<c:url value='styles/default/images/calendar.gif'/>",
			buttonImageOnly: true,
			onSelect: function( selectedDate ) {
				var option = this.id == "qryDateFromD" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" );
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates2.not( this ).datepicker( "option", option, date );
			}
		});

		var dates3 = $( "#qryDateFromE, #qryDateToE").datepicker({
			defaultDate: "-1m",
			changeMonth: true,
			changeYear: true,
			numberOfMonths: 1,
			dateFormat: 'yy/mm/dd',
			showButtonPanel: true,
			showOn: "both",
			buttonImage: "<c:url value='styles/default/images/calendar.gif'/>",
			buttonImageOnly: true,
			onSelect: function( selectedDate ) {
				var option = this.id == "qryDateFromE" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" );
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates3.not( this ).datepicker( "option", option, date );
			}
		});

		var dates4 = $( "#qryDateFromF, #qryDateToF").datepicker({
			defaultDate: "-1m",
			changeMonth: true,
			changeYear: true,
			numberOfMonths: 1,
			dateFormat: 'yy/mm/dd',
			showButtonPanel: true,
			showOn: "both",
			buttonImage: "<c:url value='styles/default/images/calendar.gif'/>",
			buttonImageOnly: true,
			onSelect: function( selectedDate ) {
				var option = this.id == "qryDateFromF" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" );
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates4.not( this ).datepicker( "option", option, date );
			}
		});

		var dates5 = $( "#qryDateFromG, #qryDateToG").datepicker({
			defaultDate: "-1m",
			changeMonth: true,
			changeYear: true,
			numberOfMonths: 1,
			dateFormat: 'yy/mm/dd',
			showButtonPanel: true,
			showOn: "both",
			buttonImage: "<c:url value='styles/default/images/calendar.gif'/>",
			buttonImageOnly: true,
			onSelect: function( selectedDate ) {
				var option = this.id == "qryDateFromG" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" );
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates5.not( this ).datepicker( "option", option, date );
			}
		});

		var dates6 = $( "#qryDateFromH, #qryDateToH").datepicker({
			defaultDate: "-1m",
			changeMonth: true,
			changeYear: true,
			numberOfMonths: 1,
			dateFormat: 'yy/mm/dd',
			showButtonPanel: true,
			showOn: "both",
			buttonImage: "<c:url value='styles/default/images/calendar.gif'/>",
			buttonImageOnly: true,
			onSelect: function( selectedDate ) {
				var option = this.id == "qryDateFromH" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" );
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates6.not( this ).datepicker( "option", option, date );
			}
		});
		
		var dates7 = $( "#qryDateFromAll, #qryDateToAll").datepicker({
			defaultDate: "-1m",
			changeMonth: true,
			changeYear: true,
			numberOfMonths: 1,
			dateFormat: 'yy/mm/dd',
			showButtonPanel: true,
			showOn: "both",
			buttonImage: "<c:url value='styles/default/images/calendar.gif'/>",
			buttonImageOnly: true,
			onSelect: function( selectedDate ) {
				var option = this.id == "qryDateFromAll" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" );
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				
				 var e = $('#channelAll')[0].checked;
				 if(e){					 	
					 	if(this.id == "qryDateFromAll"){
					 		$('#qryDateFromD').val(selectedDate); 
					 		$('#qryDateFromE').val(selectedDate);
					 		$('#qryDateFromF').val(selectedDate);
					 		$('#qryDateFromG').val(selectedDate);
					 		$('#qryDateFromH').val(selectedDate);
					 		
					 		}else{
					 			$('#qryDateToD').val(selectedDate);
					 			$('#qryDateToE').val(selectedDate);
					 			$('#qryDateToF').val(selectedDate);
					 			$('#qryDateToG').val(selectedDate);
					 			$('#qryDateToH').val(selectedDate);
					 	}
					 	dates7.not( this ).datepicker( "option", option, date );
					 }
				
			}
		});
	});
	
	/* 查詢全通路總計 換頁 */
	function doQueryTotalAction(pageNumber)
	{
		if (null != pageNumber)
		$('#hidden\\.queryResult\\.pageNumber').val(pageNumber);
		$('#method').attr('name','doAjaxQueryTotalCommissionCode');
		$("#queryCommissionCodeResultDiv").dialog( "destroy" );
		$('#hidden2\\.detailType').val(3);
		waitingDialog({}); 
		$.ajax({url : "<c:url value='/ajax/Soez5008.action'/>",
			async : true,
			type : 'POST',
			data : $("#queryPaymentHiddenForm").serialize(),
			dataType : 'html',
			success : function(data, textStatus, XMLHttpRequest){
					$("#queryCommissionCodeResultDiv").html(data);
					$("#queryCommissionCodeResultDiv" ).dialog({  
	                    title:'明細資料' 
	                    ,width: 800
	                    , resizable: false
	                    , modal: true
	                });
				},
			error : function(XMLHttpRequest, textStatus, errorThrown){
				$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
				$("#ajaxErrorMessageDiv" ).dialog({  
					title:'系統錯誤' 
					,width: 600
					, resizable: false
					, modal: true
					, buttons: {
						Ok: function() {
							$( this ).dialog( "close" );
						}
					}
				});
				},
			complete: function(XMLHttpRequest, textStatus){
				closeWaitingDialog();
				$("#queryCommissionCodeResultDiv").fadeTo("slow", 1);
			}
		});
	}
	/* 查詢單通路總計 換頁 */
	function doQueryChannelActionPage(pageNumber)
	{
		if (null != pageNumber)
			$('#hidden2\\.queryResult\\.pageNumber').val(pageNumber);
			
		$('#hidden\\.detailType').val(2);
		$("#queryCommissionCodeResultDiv").dialog( "destroy" );;
		$('#method4').attr('name','doAjaxQueryTotalCommissionCode');
		waitingDialog({});
		$.ajax({url : "<c:url value='/ajax/Soez5008.action'/>",
			async : true,
			type : 'POST',
			data : $("#queryCommissionHiddenFrom").serialize(),
			dataType : 'html',
			success : function(data, textStatus, XMLHttpRequest){
				$("#queryCommissionCodeResultDiv").html(data);
				$("#queryCommissionCodeResultDiv" ).dialog({  
                    title:'明細資料' 
                    ,width: 800
                    , resizable: false
                    , modal: true
                });
				},
			error : function(XMLHttpRequest, textStatus, errorThrown){
					$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
					$("#ajaxErrorMessageDiv" ).dialog({  
						title:'系統錯誤' 
						,width: 600
						, resizable: false
						, modal: true
						, buttons: {
							Ok: function() {
								$( this ).dialog( "close" );
							}
						}
					});
				},
				complete: function(XMLHttpRequest, textStatus){
					closeWaitingDialog();
					$("#queryCommissionCodeResultDiv").fadeTo("slow", 1);
				}
		});

	}
	/* 查詢單通路總計  */
	function doQueryChannelAction(uid)
	{
		var channel = uid.substr(0,1);
		var qryDateFrom = uid.substr(1,10);
		var qryDateTo = uid.substr(11,10);
		$("#queryCommissionCodeResultDiv").dialog( "destroy" );;
		$('#hidden\\.detailType').val(2);
		$('#method4').attr('name','doAjaxQueryTotalCommissionCode');
		$('#hidden\\.queryChannel').val(channel);	
		$('#hidden2\\.qryDateFrom').val(qryDateFrom);
		$('#hidden2\\.qryDateTo').val(qryDateTo);	
		$('#hidden\\.queryCommissionCode').val('');
		$('#hidden2\\.queryResult\\.pageNumber').val(1);
		waitingDialog({});
		$.ajax({url : "<c:url value='/ajax/Soez5008.action'/>",
			async : true,
			type : 'POST',
			data : $("#queryCommissionHiddenFrom").serialize(),
			dataType : 'html',
			success : function(data, textStatus, XMLHttpRequest){
				$("#queryCommissionCodeResultDiv").html(data);
				$("#queryCommissionCodeResultDiv" ).dialog({  
                    title:'明細資料' 
                    ,width: 800
                    , resizable: false
                    , modal: true
                });
				},
			error : function(XMLHttpRequest, textStatus, errorThrown){
					$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
					$("#ajaxErrorMessageDiv" ).dialog({  
						title:'系統錯誤' 
						,width: 600
						, resizable: false
						, modal: true
						, buttons: {
							Ok: function() {
								$( this ).dialog( "close" );
							}
						}
					});
				},
				complete: function(XMLHttpRequest, textStatus){
					closeWaitingDialog();
					$("#queryCommissionCodeResultDiv").fadeTo("slow", 1);
				}
		});

	}
	/* 查詢單通路單code  */
	function doQueryDetailAction(uid)
	{
		$('#hidden2\\.queryResult\\.pageNumber').val(1);
		var channel = uid.substr(0,1);
		var commissionCode = uid.substr(1,3);
		var qryDateFrom = uid.substr(4,10);
		var qryDateTo = uid.substr(14,10);
		$("#queryCommissionCodeResultDiv").dialog( "destroy" );;
		$('#method4').attr('name','doAjaxQueryCommissionCode');
		$('#hidden\\.queryChannel').val(channel);
		$('#hidden\\.queryCommissionCode').val(commissionCode);
		$('#hidden\\.detailType').val(1);
		$('#hidden2\\.qryDateFrom').val(qryDateFrom);
		$('#hidden2\\.qryDateTo').val(qryDateTo);		
		waitingDialog({});
		$.ajax({url : "<c:url value='/ajax/Soez5008.action'/>",
			async : true,
			type : 'POST',
			data : $("#queryCommissionHiddenFrom").serialize(),
			dataType : 'html',
			success : function(data, textStatus, XMLHttpRequest){
				$("#queryCommissionCodeResultDiv").html(data);
				$("#queryCommissionCodeResultDiv" ).dialog({  
                    title:'明細資料' 
                    ,width: 800
                    , resizable: false
                    , modal: true
                });
				},
			error : function(XMLHttpRequest, textStatus, errorThrown){
					$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
					$("#ajaxErrorMessageDiv" ).dialog({  
						title:'系統錯誤' 
						,width: 600
						, resizable: false
						, modal: true
						, buttons: {
							Ok: function() {
								$( this ).dialog( "close" );
							}
						}
					});
				},
				complete: function(XMLHttpRequest, textStatus){
					closeWaitingDialog();
					$("#queryCommissionCodeResultDiv").fadeTo("slow", 1);
				}
		});

	}


jQuery.download = function(url, data, method){
	//url and data options required
			if($('#channelD').attr("checked"))
				$('#hidden\\.channelD').val('D');
			else
				$('#hidden\\.channelD').val('');
			
			if($('#channelE').attr("checked"))
				$('#hidden\\.channelE').val('E');
			else
				$('#hidden\\.channelE').val('');
			
			if($('#channelF').attr("checked"))
				$('#hidden\\.channelF').val('F');
			else
				$('#hidden\\.channelF').val('');
			
			if($('#channelG').attr("checked"))
				$('#hidden\\.channelG').val('G');
			else
				$('#hidden\\.channelG').val('');
			
			if($('#channelH').attr("checked"))
				$('#hidden\\.channelH').val('H');
			else
				$('#hidden\\.channelH').val('');

	if( url && data ){
		
		//data can be string of parameters or array/object
		data = typeof data == 'string' ? data : jQuery.param(data);
		//split params into form inputs
		//send request
		if (null == $('#myIFrm')){
			jQuery('<iframe id="myIFrm" src="' + url + '?'+ data +'" style="display:none; visibility: hidden;"></iframe>').appendTo('body');
		}
		else {
			$('#myIFrm').attr("src", url + '?'+ data );
		}
		
		
	};
};

function doDownloadGroupExcelFile()
{

	$('#method').attr('name','doDownloadGroupExcelFile');
	$.download("<c:url value='/ajax/Soez5008.action'/>",$("#queryPaymentHiddenForm").serialize() );		
}

function doDownloadExcelFileAction()
{
	$('#method').attr('name','doAjaxDownloadExcelFile');
	$.download("<c:url value='/ajax/Soez5008.action'/>",$("#queryPaymentHiddenForm").serialize() );		
}

function doDownloadTotalExcelFileAction()
{
	$('#method').attr('name','doAjaxDownloadTotalExcelFile');
	$.download("<c:url value='/ajax/Soez5008.action'/>",$("#queryPaymentHiddenForm").serialize() );		
}

function doDownloadDetailExcelFileBtn(channel , commissionCode, qryDateForm , qryDateTo)
{
	$('#hidden2\\.qryDateFrom').val(qryDateForm);
	$('#hidden2\\.qryDateTo').val(qryDateTo);
	$('#hidden\\.queryChannel').val(channel);	
	$('#hidden\\.queryCommissionCode').val(commissionCode);
 
	
	$('#method4').attr('name','doDownloadDetailExcelFile');
	$.download("<c:url value='/ajax/Soez5008.action'/>",$("#queryCommissionHiddenFrom").serialize() );	
}


function doQueryAction()
{
	$("#queryResultDiv").fadeTo("slow", 0.1);
	waitingDialog({});
	$.ajax({url : "<c:url value='/ajax/Soez5008.action'/>",
		async : true,
		type : 'POST',
		data : $("#queryPaymentHiddenForm").serialize(),
		dataType : 'html',
		success : function(data, textStatus, XMLHttpRequest){
				$("#queryResultDiv").html(data);					
			},
		error : function(XMLHttpRequest, textStatus, errorThrown){
			$("#ajaxErrorMessageDiv").html('系統發生錯誤，請聯絡管理員');
			$("#ajaxErrorMessageDiv" ).dialog({  
				title:'系統錯誤' 
				,width: 600
				, resizable: false
				, modal: true
				, buttons: {
					Ok: function() {
						$( this ).dialog( "close" );
					}
				}
			});
			},
		complete: function(XMLHttpRequest, textStatus){
			closeWaitingDialog();
			$("#queryResultDiv").fadeTo("slow", 1);
		}
	});
}
	
	//
	--></script>
</head>
<body>
<div id="mainAreaCT">
		<jsp:include page="/includes/path.jsp"/>
		<jsp:include page="/includes/subMenu.jsp"/>
		
	<div id="qryPaymentFormDiv">
		<stripes:form id="queryPaymentFrom" beanclass="com.feib.soeasy.action.Soez5008ActionBean" 
			method="post" onsubmit="javascript: return flase;">
				
		<table id="queryForm">
		
	        <tr>
				<th>
					<input name="channelAll" 
						type="checkbox" id="channelAll" value="all" class="chk"/>
				</th>
				<td>全部勾選</td>
				<th>傳輸日期<span id="mustKeyInStar">**</span></th>
				<td colspan="3">					
					<stripes:text id="qryDateFromAll" name="qryDateFromAll" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
					～
					<stripes:text id="qryDateToAll" name="qryDateToAll" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
				</td>
			</tr>	
			
			<tr>
				<th>
					<input name="channelD" 
						type="checkbox" id="channelD" value="D" class="chk"/>
				</th>
				<td>統一超商</td>
				<th>傳輸日期<span id="mustKeyInStar">**</span></th>
				<td colspan="3">					
					<stripes:text id="qryDateFromD" name="qryDateFromD" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
					～
					<stripes:text id="qryDateToD" name="qryDateToD" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
				</td>
			</tr>
			<tr>
				<th>
					<input name="channelE" 
						type="checkbox" id="channelE" value="E" class="chk"/>
				</th>
				<td>全家超商</td>
				<th>傳輸日期<span id="mustKeyInStar">**</span></th>
				<td colspan="3">					
					<stripes:text id="qryDateFromE" name="qryDateFromE" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
					～
					<stripes:text id="qryDateToE" name="qryDateToE" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
				</td>
			</tr>
			<tr>
				<th>
					<input name="channelF" 
						type="checkbox" id="channelF" value="F" class="chk"/>
				</th>
				<td>萊爾富超商</td>
				<th>傳輸日期<span id="mustKeyInStar">**</span></th>
				<td colspan="3">					
					<stripes:text id="qryDateFromF" name="qryDateFromF" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
					～
					<stripes:text id="qryDateToF" name="qryDateToF" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
				</td>
			</tr>
			<tr>
				<th>
					<input name="channelG" 
						type="checkbox" id="channelG" value="G" class="chk"/>
				</th>
				<td>OK超商</td>
				<th>傳輸日期<span id="mustKeyInStar">**</span></th>
				<td colspan="3">					
					<stripes:text id="qryDateFromG" name="qryDateFromG" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
					～
					<stripes:text id="qryDateToG" name="qryDateToG" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
				</td>
			</tr>
			<tr>
				<th>
					<input name="channelH" 
						type="checkbox" id="channelH" value="H" class="chk"/>
				</th>
				<td>郵局</td>
				<th>傳輸日期<span id="mustKeyInStar">**</span></th>
				<td colspan="3">					
					<stripes:text id="qryDateFromH" name="qryDateFromH" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
					～
					<stripes:text id="qryDateToH" name="qryDateToH" size="10" maxlength="10" formatPattern="yyyy/MM/dd" readonly="true"/>
				</td>
			</tr>
			<tr>
				<td colspan="6" align="center" class="queryFunction">
					<stripes:button id="doQueryBtn" name="doQueryBtn" value="以超商／郵局查詢" class="formBtn"/>
				</td>
			</tr>
		</table>
		
		</stripes:form>
	</div><!-- end #qryPaymentFormDiv -->
	
	
	<!-- 繳費單查詢結果  -->
	<div id="queryResultDiv" style="display: none;"></div>
	
	<div id="queryPaymentHiddenFormDiv" style="display: none;">
		<stripes:form id="queryPaymentHiddenForm" beanclass="com.feib.soeasy.action.Soez5008ActionBean" 
			method="post" onsubmit="javascript: return false;">

			<stripes:hidden id="hidden.qryDateFrom" name="qryDateFrom" formatPattern="yyyy/MM/dd"/>
			<stripes:hidden id="hidden.qryDateTo" name="qryDateTo" formatPattern="yyyy/MM/dd"/>
			
			<stripes:hidden id="hidden.qryDateFromD" name="qryDateFromD" formatPattern="yyyy/MM/dd"/>
			<stripes:hidden id="hidden.qryDateToD" name="qryDateToD" formatPattern="yyyy/MM/dd"/>
			
			<stripes:hidden id="hidden.qryDateFromE" name="qryDateFromE" formatPattern="yyyy/MM/dd"/>
			<stripes:hidden id="hidden.qryDateToE" name="qryDateToE" formatPattern="yyyy/MM/dd"/>
			
			<stripes:hidden id="hidden.qryDateFromF" name="qryDateFromF" formatPattern="yyyy/MM/dd"/>
			<stripes:hidden id="hidden.qryDateToF" name="qryDateToF" formatPattern="yyyy/MM/dd"/>
			
			<stripes:hidden id="hidden.qryDateFromG" name="qryDateFromG" formatPattern="yyyy/MM/dd"/>
			<stripes:hidden id="hidden.qryDateToG" name="qryDateToG" formatPattern="yyyy/MM/dd"/>
			
			<stripes:hidden id="hidden.qryDateFromH" name="qryDateFromH" formatPattern="yyyy/MM/dd"/>
			<stripes:hidden id="hidden.qryDateToH" name="qryDateToH" formatPattern="yyyy/MM/dd"/>
			<stripes:hidden id="hidden.qryDateFromAll" name="qryDateFromAll" formatPattern="yyyy/MM/dd"/>
			<stripes:hidden id="hidden.qryDateToAll" name="qryDateToAll" formatPattern="yyyy/MM/dd"/>	
			
			<stripes:hidden id="hidden.channelD" name="channelD"/>
			<stripes:hidden id="hidden.channelE" name="channelE"/>
			<stripes:hidden id="hidden.channelF" name="channelF"/>
			<stripes:hidden id="hidden.channelG" name="channelG"/>
			<stripes:hidden id="hidden.channelH" name="channelH"/>>
			
			<stripes:hidden id="hidden.queryResult.pageNumber" name="queryResult.pageNumber" />
			
			<stripes:hidden id="hidden3.queryChannel" name="queryChannel"/>
			<stripes:hidden id="hidden3.queryCommissionCode" name="queryCommissionCode"/>
			<stripes:hidden id="hidden2.detailType" name="detailType"/>	
			<input type="hidden" id="method" name="doAjaxQueryByGroup"/>
		</stripes:form>
	</div>
	
	<div id="paymentsItemDiv" style="display: none;"></div>


	

	

	<div id="queryCommissionCodeResultDiv" style="display: none; ">
		
	</div>
	<div style="display: none; ">
		<stripes:form id="queryCommissionHiddenFrom" beanclass="com.feib.soeasy.action.Soez5008ActionBean" 
			method="post" onsubmit="javascript: return false;">
			<stripes:hidden id="hidden.queryChannel" name="queryChannel"/>
			<stripes:hidden id="hidden.queryCommissionCode" name="queryCommissionCode"/>	
			<stripes:hidden id="hidden2.qryDateFrom" name="qryDateFrom"/>
			<stripes:hidden id="hidden2.qryDateTo" name="qryDateTo"/>
			<stripes:hidden id="hidden.detailType" name="detailType"/>	
			<stripes:hidden id="hidden2.queryResult.pageNumber" name="queryResult.pageNumber" />		
			<input type="hidden" id="method4" name="doAjaxQueryCommissionCode"/>
		</stripes:form>
	</div>
	
	<div id="groupNochangedHiddenFromDiv" style="display: none; "> 
		<stripes:form id="groupNochangedHiddenFrom" beanclass="com.feib.soeasy.action.Soez5008ActionBean" 
			method="post" onsubmit="javascript: return false;">
			<stripes:hidden id="hidden.qryGroup.groupNo1" name="qryGroup.groupNo"/>
			<input type="hidden" id="method3" name="doAjaxGroupNoChange"/>
		</stripes:form>
	</div>
	
	
		
	<!-- Message -->
	<div id="ajaxErrorMessageDiv" style="display: none;"></div>
	<iframe id="myIFrm" src="" style="display:none; visibility: hidden;"></iframe>


</div>
</body>
</html>